<template>
<div>
    <!-- 上半部分： -->
    <div class="partTop">
        <!-- //左侧 登录用户信息-->
        <div class="topLeft">
            <el-image :src="userInfo.imagUrl" alt="" style="width: 80px;height: 80px" />
            <p class="name">{{userInfo.adminName}}</p>
            <p class="name">{{userInfo.univerName}}</p>
             <p class="name">{{userInfo.collegeName}}</p>
            <p class="name">{{userInfo.detail}}</p>
            <p class="name">{{userInfo.roleName}}</p>
            <p class="access"></p>
            <p>上次登录时间： 2023 5 19 12:33:33</p>
        </div>
        <!-- //右侧 显示各个板块的空闲余量-->
        <div class="topRight">
            <div class="dong">
                
            </div>
            <div class="xi">
            </div>
            <div class="bei">
            </div>
        </div>
    </div>
    <!-- 中间部分 -->
    <el-divider>
      <el-icon><star-filled /></el-icon>
    </el-divider>
</div>
</template>
<script setup>
import {onMounted, reactive} from 'vue'
import store from '../../store/index'
import axios from '../../axios/axiosInstance'
import timeTuTIL from '../../utils/timeUtilT'
import { ElLoading,ElMessage ,ElMessageBox} from 'element-plus'
import { StarFilled } from '@element-plus/icons-vue'


let userInfo  = reactive({})
let imagUrl
const initTable = reactive([])
// let userInfo = reactive()


const getInitMessage = () => {
    userInfo = store.state.userInfo
    console.log(userInfo)
    console.log(userInfo.imagUrl)
    imagUrl = userInfo.imagUrl
}
const getInitTable = () => {
    const loading = ElLoading.service({
        lock: true,
        text: '拼命加载中',
          background: 'rgba(0, 0, 0, 0.7)',
      })
      setTimeout(() => {
        loading.close()
      }, 2000)
     userInfo = localStorage.getItem("user_info"); 
     console.log(userInfo)
}

onMounted(()=>{
    getInitMessage()
    getInitTable()
})

</script>
<style lang="scss" scoped>
.partTop{
    height: 50%;
    display: flex;
    .topLeft{
        width: 30%;
    }
}
.title{
    display: flex;
    justify-content: center;
    font-size: 30px;
    color: green;
}

</style>
